<template>
    <div class="app-container">
        <!-- <h1>study组件</h1> -->
        <!-- <Question></Question> -->
        <!-- <Timer></Timer>
        <indicator></indicator> -->
        <!-- <el-row>
            <el-col :span="18">
                <Question></Question>
            </el-col>
            <el-col :span="6" style="width:280px">
                <indicator></indicator>
                <Timer></Timer>
            </el-col>
        </el-row> -->
        <div class="febus-study">
            <div class="question">
                <Question></Question>
            </div>
            <div class="right">
                <indicator></indicator>
                <Timer></Timer>
            </div>
        </div>
    </div>
</template>

<script>
import Question from "../../components/Test/question";
import Timer from "@/components/Test/timer";
import Indicator from "@/components/Test/indicator";
export default {
  layout: "main",
  components: {
    Question,
    Timer,
    Indicator
  }
};
</script>

<style scoped>
.febus-study { 
    display: flex;
}

.right { 
    width: 275px;
}

.question { 
    flex-grow: 1;
}

.app-container { 
    padding: 15px 15px 0 15px;
}
</style>